﻿@charset "gb2312";
/* CSS Document */
.moodlist { margin: auto; width: 100%; overflow: hidden }


/*ccenter��ͷ����˵��*/
.motto{ width:1000px; margin:20px auto;overflow:hidden; height:70px}
.motto p{ float:left; width:670px;line-height:1.9; }
.motto p:first-letter { font-size:36px; float:left; color:#f60; padding:5px; font-family:"����";}
.motto p b{ color:#000}
.inbar{ float:right; width:310px; text-align:right}
.inbar li{ display:inline; float:left;}
.inbar li img{width:85px; height:64px; border:#ccc 1px solid; padding:2px; margin-left:10px}
.inbar li img:hover{ opacity:0.5}

/* --------------------�����б�-------------------- */
h1.t_nav span{ float:right; color:#999}
h1.t_nav { border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px;margin:0px auto 20px;width:1000px }
h1.t_nav a { width: 100px; display: block; text-align: center; color: #fff; float: left }
.n1 { background: #5EA51B; }
.n2 { background: #8BBF5D; }

.ccenter{width:100%; border:1px solid #CCCCCC; border-left:none; border-right:none; padding:5px 0;}
.bloglist { width: 1000px; margin: 0 auto; background: url(../images/img/r_title_bg.jpg) repeat-y 764px 0;overflow: hidden; }
.arrow_box { background: #f8f8f8; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(214, 214, 214, 0.7); width: 730px; border-radius: 6px; position: relative; padding: 20px 0; margin: 20px 0; }
.arrow_box img { width: 150px;height:150px; float: left; margin: 0 20px 0 20px; }
.arrow_box p { line-height: 24px; padding: 0 20px 20px }
.arrow_box::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent #fff; position: absolute; left: 730px; top: 23px; }/* ������ */
.arrow_box::after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 758px; top: 16px; background: #CCCCCE; border: 2px solid #fff; transition: all 0.5s; }/* Բ�� */
.arrow_box:hover::before { border-color: transparent transparent transparent #CECCCD }/* ������ */
.arrow_box:hover::after { border: #fff 2px solid; background: #5EA51B }/* Բ�� */
.arrow_box:hover { background: #f4f2f2; color: #333; text-shadow: #f7f7f7 1px 1px 1px }
.dateview { position: absolute; left: 788px; top: 20px; width: 125px; line-height: 30px; background: #5EA51B; border-radius: 0px 40px; text-align: center; color: #fff }

.sy{ overflow:hidden}

/*ccenter��β����˵��*/
.idea{ width:980px; margin:30px auto; text-align:center; background:url(../images/img/qleft.png) no-repeat left top, url(../images/qright.png) no-repeat right top ;}
.idea p{ height:40px; padding:0 120px; font-size:14px}


/*�ÿ�*/
.visitors{ width:100%; background:#EEE9D6; overflow:hidden; padding:15px 0 20px 0;}
.visitors .fangke{width:1000px; margin:0 auto; background:#EEE9D6; overflow:hidden;}
.visitors .fangke h2{width:100px; height:26px; background:#4C4C4C; color:#FFFFFF; font:bold 14px/26px ΢���ź�; text-indent:15px; margin-bottom:10px; box-shadow: #999 4px 2px 1px;}
.visitors ul li{ display:inline; float:left; }
.visitors ul li img{ width:50px; height:50px; border:#FFF 3px solid; margin-right:8px}
.visitors ul li img:hover{ opacity:0.6}

/*��������*/
.links { width:1040px; overflow: hidden; clear: both; margin:0 auto; }
.links h3 {width:30%; line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; margin-bottom: 20px; }
.links h3 span { float: right; font-size: 12px; }
.links h3 span a { color: #999; padding: 0 5px }
.links h3 span a:hover { color: #F60; text-decoration: underline }
.links ul { background: #f9f9f9; padding: 10px; overflow: hidden; border: #e9e9e9 1px solid; margin-bottom:15px; }
.links ul li { float: left; padding: 5px 8px }
.links ul li a:hover { color: #000 }

.links ul li.yqlj { float: left; padding: 2px 8px;font-size: 18px; color:#C30;}

